<template>
  <div class="home-content">
    <div class="home-main">
      <div class="home-header">
        <div class="carousel-content">
          <div class="carousel-main">
            <el-carousel style="height: 100%;" arrow="always">
              <el-carousel-item v-for="item in 4" :key="item" style="height: 100%;border-radius: 20px;border: none">
                <h3 text="2xl" justify="center">{{ item }}</h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
        <div class="home-introduce">
          <div style="display: flex;align-items: center;justify-content: center">
            <div class="image-content">
              <img src="@/assets/img/chatpet.png">
            </div>
            <div class="introduce-text-content">
              <div class="main-title">
                ChatPet
              </div>
              <div class="vice-title">
                开启AI之门，畅游无限未来可能
              </div>
            </div>
          </div>
          <div class="home-class">
            <div class="home-class-content">
              <div class="class-item" >
                产品介绍
              </div>
              <div class="class-item">
                授权咨询
              </div>
              <div class="class-item">
                在线体验
              </div>
              <div class="class-item">
                开源地址
              </div>
              <div class="class-item">
                开源地址
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="home-model">
        <div class="home-model-row">
          <div class="home-model-content" style="background-color: #CCC0FF">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542058117" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7309" width="30" height="30"><path d="M984.941714 250.441143h-70.144a36.571429 36.571429 0 0 0-36.571428 36.571428v406.820572a36.571429 36.571429 0 0 1-36.571429 36.571428H246.564571a36.571429 36.571429 0 0 0-36.571428 36.571429v37.522286c0 32.036571 21.284571 53.394286 53.321143 53.394285h561.590857l150.893714 150.820572a36.571429 36.571429 0 0 0 62.464-25.819429V303.762286c0-31.963429-21.357714-53.321143-53.394286-53.321143z m-237.129143 406.966857c32.036571 0 53.394286-21.284571 53.394286-53.321143V124.196571c0-32.036571-21.357714-53.394286-53.394286-53.394285H54.564571c-31.963429 0-53.321143 21.357714-53.321142 53.394285v658.285715a36.571429 36.571429 0 0 0 62.464 25.819428l150.893714-150.893714h533.211428z" fill="#2397FF" p-id="7310"></path></svg>
                <h2>AI聊天</h2>
              </div>
              <div class="model-item-content">
                与AI聊天，让沟通变得更加简单和便捷~
              </div>
            </div>
          </div>
          <div class="home-model-content" style="background-color: #BFC8FE">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542253989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12123" width="30" height="30"><path d="M651.1616 177.92l179.8656 102.0416-229.4272 390.5536-179.9168-102.0416 229.4784-390.5536z m42.8544-70.5024l179.9168 102.0416-31.232 53.0432-179.8656-101.9904 31.232-53.0944z m-281.856 479.744l179.8656 101.9904-185.1392 108.6464 5.2736-210.688z m335.616-495.9232l111.36 63.1296c19.3024 10.9568 23.8592 34.7648 12.6464 53.8624-11.264 19.1488-36.1984 27.648-53.76 16.2304L706.6624 161.28c-18.8416-9.2672-25.6-34.304-12.6464-53.8624 11.264-19.0976 34.5088-27.136 53.76-16.1792z" fill="#3C76FE" p-id="12124"></path><path d="M175.4112 587.4176c10.496-9.4208 17.92-16.3328 24.8832-23.0912 18.7392-18.2272 31.5392-33.5872 40.0384-49.408 7.168-13.312 10.9568-26.6752 10.9568-40.448 0-82.688-67.7888-123.9552-189.44-125.5424a25.6 25.6 0 0 0-0.6656 51.2c97.28 1.28 138.9056 26.624 138.9056 74.3424a34.816 34.816 0 0 1-4.864 16.2304l-3.584 6.8096-1.536 2.816c-5.632 9.4208-14.5408 17.2544-75.1104 72.6016C45.7728 636.16 13.1584 683.8272 13.1584 747.7248v2.6624c0 34.0992 1.7408 53.6576 10.0864 77.8752 15.1552 44.1856 48.5376 77.7216 103.936 97.1776 69.632 24.5248 138.0352 12.6976 202.3936-34.3552a25.6 25.6 0 0 0-30.208-41.3696c-51.0976 37.376-101.888 46.1824-155.2384 27.4432-40.6016-14.336-62.4128-36.1984-72.448-65.536-5.9392-17.2544-7.3216-32.512-7.3216-61.184v-2.7136c0-45.056 25.856-82.8416 85.1456-137.0112l21.5552-19.456 3.9936-3.5328 1.024-0.8704-0.6656 0.5632z" fill="#3C76FE" p-id="12125"></path></svg>
                <h2>AI绘画</h2>
              </div>
              <div class="model-item-content">
                无需复杂技巧，轻松生成精美绘画~
              </div>
            </div>
          </div>
          <div class="home-model-content" style="background-color: #A2D1FF">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542426487" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20907" width="30" height="30"><path d="M658.193067 402.261333h292.420266c40.2432 0 73.386667 32.529067 73.386667 73.386667V950.613333A73.386667 73.386667 0 0 1 950.613333 1024H475.306667a73.386667 73.386667 0 0 1-73.386667-73.352533v-292.2496h146.193067a109.226667 109.226667 0 0 0 109.499733-109.431467l0.580267-146.705067zM0 73.386667A73.386667 73.386667 0 0 1 73.386667 0h475.306666c40.277333 0 73.386667 32.529067 73.386667 73.352533v475.0336a73.386667 73.386667 0 0 1-73.386667 73.352534H73.386667A73.386667 73.386667 0 0 1 0 548.352V73.386667z m146.193067 315.904h53.248v-28.398934h76.970666v134.8608h56.832v-134.8608h78.711467v23.6544h58.026667V205.277867H333.243733V166.229333c0-11.844267 1.774933-21.2992 4.744534-29.5936 0.580267-1.160533 1.160533-2.935467 1.774933-4.7104 0-1.194667-3.549867-1.774933-11.264-2.9696h-53.248v76.9024h-129.024v183.3984z m53.248-140.219734h76.970666v69.2224H199.4752V249.0368z m212.514133 69.2224H333.243733V249.0368h78.711467v69.2224z m232.618667 557.2608l21.9136-61.5424h114.824533l21.9136 61.5424h62.737067l-102.4-290.474666h-74.001067l-105.335467 290.474666h60.347734z m37.888-109.431466l42.632533-124.245334h1.774933l39.048534 124.245334h-83.456zM950.613333 292.829867H877.226667a146.090667 146.090667 0 0 0-146.2272-146.090667v-73.386667a219.477333 219.477333 0 0 1 219.613866 219.477334zM73.386667 731.136H146.773333a146.090667 146.090667 0 0 0 146.2272 146.090667v73.386666a219.477333 219.477333 0 0 1-219.613866-219.477333z" fill="#3882F5" p-id="20908"></path></svg>
                <h2>AI翻译</h2>
              </div>
              <div class="model-item-content">
                不用掌握多门知识，快速翻译多国语言~
              </div>
            </div>
          </div>
        </div>
        <div class="home-model-row">
          <div class="home-model-content" style="background-color: #97E2FF">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542543591" class="icon" viewBox="0 0 1126 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27338" width="30" height="30"><path d="M896 682.666667H128V170.666667h768v512zM85.333333 85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667v640a42.666667 42.666667 0 0 0 42.666666 42.666667h256v42.666666H213.333333v85.333334h597.333334v-85.333334h-128v-42.666666h256a42.666667 42.666667 0 0 0 42.666666-42.666667V128a42.666667 42.666667 0 0 0-42.666666-42.666667H85.333333z" fill="#1768E4" p-id="27339"></path><path d="M213.333333 554.666667V298.666667h85.333334v256H213.333333z m170.666667 0V298.666667h85.333333v256H384z m341.333333 0V298.666667h85.333334v256h-85.333334z m-170.666666 0V298.666667h85.333333v256h-85.333333z" fill="#8BB3F1" p-id="27340"></path></svg>
                <h2>AI办公</h2>
              </div>
              <div class="model-item-content">
                具备多款职场工具，轻松助你一臂之力~
              </div>
            </div>
          </div>
          <div class="home-model-content" style="background-color: #6A43DE">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542603486" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32772" width="30" height="30"><path d="M679.936 786.8416c-4.4544 4.8128-152.9344 19.6608-152.9344 19.6608-11.6224 1.792-23.552-6.8096-24.1664-17.7664 0 0-16.4864-143.36-12.032-148.1728l296.2432-323.3792v-185.344c0-30.208-26.9312-54.9376-59.8528-54.9376H130.2016c-32.9216 0-59.8528 24.7296-59.8528 54.9888v775.0656c0 30.208 26.9312 54.9888 59.8528 54.9888h597.1456c32.9216 0 59.8016-24.7296 59.8016-54.9888v-237.1072l-107.2128 116.992zM203.1104 242.6368c0-8.0384 6.656-14.6432 14.6432-14.6432h302.6432c8.0384 0 14.6432 6.6048 14.6432 14.6432v41.0624a14.6944 14.6944 0 0 1-14.6432 14.6432h-302.592a14.6944 14.6944 0 0 1-14.6944-14.6432v-41.0624zM450.56 483.9424a14.6944 14.6944 0 0 1-14.6432 14.6432h-218.112a14.6944 14.6944 0 0 1-14.6944-14.6432v-41.0112c0-8.0384 6.656-14.6432 14.6432-14.6432h218.1632c8.0384 0 14.6432 6.6048 14.6432 14.6432v41.0112z" fill="#367AFF" p-id="32773"></path><path d="M558.2336 762.3168a12.1856 12.1856 0 0 1-14.2336-12.6464s0.512-102.5024 3.7376-105.8304L860.16 309.76a14.7456 14.7456 0 0 1 20.736-0.7168l89.6 83.7632c5.8368 5.4784 6.144 14.848 0.6656 20.736l-312.4736 334.1312c-3.2256 3.4304-100.5056 14.6944-100.5056 14.6944z" fill="#367AFF" p-id="32774"></path></svg>
                <h2>AI写作</h2>
              </div>
              <div class="model-item-content">
                快速生成高质量文章和文案，提升写作效率~
              </div>
            </div>
          </div>
          <div class="home-model-content" style="background-color: #F799B7">
            <div class="model-text-content">
              <div class="model-item-title">
                <svg t="1713542649570" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33890" width="30" height="30"><path d="M896 832H128a96 96 0 0 1-96-96V160a96 96 0 0 1 96-96h768a96 96 0 0 1 96 96v576a96 96 0 0 1-96 96z m32-672a32 32 0 0 0-32-32H128a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h768a32 32 0 0 0 32-32V160z m-288.256 394.496l96-106.496-96-106.496 48-53.248 144 159.744-144 159.712z m-303.456 53.248L192.256 448l144-159.712 48 53.248-96 106.464 96 106.496zM832 960H192v-64h640v64z" fill="#3399FF" p-id="33891"></path></svg>
                <h2>AI编程</h2>
              </div>
              <div class="model-item-content">
                轻松搞定复杂功能，为你的研发省时省力~
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="home-model-vice">
        <div class="model-vice-title">
          <div class="model-divide"></div>
          <h3>更多功能</h3>
        </div>
        <div class="model-vice-content">
          <div class="model-vice-item">
            <svg t="1713668010098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11640" width="30" height="30"><path d="M261.84 693.464V286.064c0-131.496 106.592-238.128 238.12-238.128 131.552 0 238.16 106.632 238.16 238.128l0.76 407.392S619.496 786.472 500.32 784.696c-125.416-1.84-238.48-91.232-238.48-91.232z" fill="#F0AF2D" p-id="11641"></path><path d="M261.84 694.048c-119.032 0-215.368-78.816-215.368-206.896 0-134.936 96.336-206.96 215.368-206.96v413.856z" fill="#0092D2" p-id="11642"></path><path d="M738.872 693.464l-0.76-407.392c0-3.616-0.384-7.112-0.536-10.696L261.84 648.512v44.944s113.064 89.4 238.472 91.24c119.184 1.784 238.56-91.232 238.56-91.232z" fill="#EEA03A" p-id="11643"></path><path d="M955.944 485.616c0-143.696-97.128-208.576-217.072-208.576v397.448l-92.456 218.248a30.128 30.128 0 0 0 27.72 41.84c11.696 0 22.864-6.88 27.728-18.376l97.04-229.04c90.664-21.392 157.04-92.304 157.04-201.544z" fill="#1A8DCC" p-id="11644"></path><path d="M549.224 1001.096a60.272 60.272 0 0 1-56.44-39.232 60.24 60.24 0 0 1 35.456-77.432l107.976-40.168c31.168-11.52 65.832 4.296 77.44 35.464a60.264 60.264 0 0 1-35.456 77.432l-107.976 40.16a60.832 60.832 0 0 1-21 3.776z" fill="#E5226B" p-id="11645"></path></svg>
            <div class="vice-item-title">AI智能客服</div>
          </div>
          <div class="model-vice-item">
            <svg t="1713669388043" class="icon" viewBox="0 0 1076 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1732" width="30" height="30"><path d="M707.536 344.648l180.192 121.336-0.784 136.8-158.936-50.096M316.464 344.648L136.28 466.016l0.72 136.768L296 552.752" fill="#C9005B" p-id="1733"></path><path d="M670.568 734.384c47.744-79.224 71.704-162.792 74.896-281.136C750.344 264.544 653.352 127.376 516.272 16h-7.28c-137.144 111.376-225.04 248.544-220.04 437.248 3.072 117.688 26.608 200.944 73.752 279.752 63.024-0.064 288.064 1.2 307.864 1.384z" fill="#F5B146" p-id="1734"></path><path d="M330.976 933.232l57.608-148.888H637.52l55.512 148.888-108.672-5.728L512 1008l-72.48-80.496z" fill="#0092D2" p-id="1735"></path><path d="M637.52 784.344H511.88v223.528L512 1008l72.36-80.496 108.672 5.728z" fill="#0085BF" p-id="1736"></path><path d="M695.08 688.152a473.256 473.256 0 0 0 15.352-36.128c0.36-0.96 0.776-1.92 1.144-2.944 10.656-29.192 18.76-60.152 24.384-93.912 5.208-31.264 8.512-64.704 9.512-101.912a489.12 489.12 0 0 0-6.264-91.808 453.424 453.424 0 0 0-8.576-41.664c-1.688-6.528-3.696-12.912-5.656-19.296a435.984 435.984 0 0 0-6.864-20.56 459.112 459.112 0 0 0-15.592-38.072c-1.776-3.824-3.456-7.672-5.328-11.44a522.4 522.4 0 0 0-45.152-74.408 386.56 386.56 0 0 0-4.816-6.472 613.528 613.528 0 0 0-33.296-40.848c-1.656-1.864-3.248-3.792-4.928-5.632-20.168-22.272-42.096-43.552-65.384-63.936-2.168-1.928-4.4-3.824-6.592-5.688A1020.72 1020.72 0 0 0 516.272 16h-4.392v717.488c9.272 0.056 18.48 0.12 27.608 0.12 28.592 0.176 55.688 0.296 77.984 0.416 5.576 0.064 10.72 0.064 15.592 0.128h2.92c17.848 0.12 30.584 0.176 34.584 0.24a528.632 528.632 0 0 0 20.48-37.688c1.384-2.84 2.712-5.728 4.032-8.552z" fill="#EDA02F" p-id="1737"></path></svg>
            <div class="vice-item-title">AI智能识别</div>
          </div>
          <div class="model-vice-item">
            <svg t="1713669444988" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2249" width="30" height="30"><path d="M54.296 225.944h841.8v670.336H54.296z" fill="#F6AB20" p-id="2250"></path><path d="M812.904 225.944H54.296v670.328h330.472z" fill="#F5A517" p-id="2251"></path><path d="M984.52 940.952H76.544a31.472 31.472 0 0 1-31.488-31.488V123.288c0-17.4 14.08-31.488 31.488-31.488s31.488 14.08 31.488 31.488v754.696h876.496a31.472 31.472 0 0 1 31.48 31.488 31.472 31.472 0 0 1-31.488 31.48z" fill="#E6246B" p-id="2252"></path><path d="M260.632 692.352a22.896 22.896 0 0 1-14.872-40.304l116.176-111.912a22.704 22.704 0 0 1 21.256-4.584l193.424 56.232 154.808-241.2a22.896 22.896 0 1 1 38.568 24.728L605.92 630.936a22.888 22.888 0 0 1-25.664 9.616L382.272 582.96 275.504 686.848a22.768 22.768 0 0 1-14.872 5.504z" fill="#0093D3" p-id="2253"></path></svg>
            <div class="vice-item-title">AI智能分析</div>
          </div>
          <div class="model-vice-item">
            <svg t="1713669483240" class="icon" viewBox="0 0 1128 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2410" width="30" height="30"><path d="M473.184 356.632c-23.048-28.336-64.616-32.632-92.816-9.672-28.248 23.048-32.568 64.528-9.616 92.84l473.328 547.152c22.928 28.248 64.376 32.488 92.776 9.552 28.224-22.992 32.512-64.528 9.528-92.752l-473.2-547.12z" fill="#0092D2" p-id="2411"></path><path d="M151.4 65.976l-1.056-0.472 54.912 223.104L52.68 460.32l229.128 16.664 116.12 198.2 56.8-139.376 389.6 450.344c22.224 27.4 61.792 31.984 90.072 11.32L151.4 65.976z" fill="#0085BF" p-id="2412"></path><path d="M150.104 66.304L360.56 158.4 555.752 37.224l-22.52 228.6L708.8 414.016l-224.416 49.24-86.664 212.728-116.152-198.2-229.12-16.672 152.6-171.712z" fill="#F5B146" p-id="2413"></path><path d="M276.192 225.08l95.368 41.712 88.424-54.888-10.2 103.576 79.568 67.144-101.704 22.312-39.28 96.368-52.616-89.816-103.808-7.52 69.144-77.816z" fill="#E5226B" p-id="2414"></path><path d="M484.384 463.256l0.528-0.112L152.072 67.152l-1.208-0.528 54.856 222.92-152.48 171.624 228.328 16.616 0.064 0.08 0.648 0.064 115.68 197.464z" fill="#EF962F" p-id="2415"></path><path d="M434.56 403.408L289.6 230.928l-13.408-5.848 24.896 101.072-69.144 77.816 103.808 7.52 52.616 89.816 39.28-96.368z" fill="#C9005B" p-id="2416"></path></svg>
            <div class="vice-item-title">AI智能修复</div>
          </div>
          <div class="model-vice-item">
            <svg t="1713669570631" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2738" width="30" height="30"><path d="M661.832 567.816l46.136 266.64c0 74.304-60.184 134.552-134.552 134.552H456.072c-74.368 0-134.616-60.248-134.616-134.552l46.136-266.64" fill="#0092D2" p-id="2739"></path><path d="M519.792 567.816v401.192h53.624c74.368 0 134.552-60.248 134.552-134.552l-46.136-266.64H519.792z" fill="#0085BF" p-id="2740"></path><path d="M992 502.76c0 265.088-214.96 133.432-479.968 133.432C246.968 636.184 32 767.776 32 502.76c0-265.096 214.968-447.76 480.032-447.76C777.04 55 992 237.664 992 502.76z" fill="#F5B146" p-id="2741"></path><path d="M986.832 436.84c-1.384-9.672-2.52-19.472-4.504-28.864-1.576-7.528-3.872-14.712-5.832-22.056-1.952-7.376-3.56-14.872-5.856-22.032-2.744-8.472-6.168-16.544-9.392-24.736-2.232-5.64-4.096-11.504-6.552-17.016-4.008-9.072-8.728-17.704-13.36-26.4-2.232-4.224-4.168-8.664-6.52-12.8-5.512-9.512-11.656-18.592-17.832-27.64-2.024-2.928-3.76-6.016-5.8-8.88-7.096-9.8-14.816-19.128-22.72-28.296-1.512-1.768-2.84-3.688-4.416-5.456a428.728 428.728 0 0 0-27.6-28.072c-0.944-0.88-1.768-1.856-2.744-2.744a451.36 451.36 0 0 0-32.616-27.224c-0.248-0.184-0.504-0.408-0.752-0.6C738.752 92.552 634.112 56.944 519.792 55.408v580.976c82.896 0.76 160.704 13.928 228.328 23.312 6.488 0.88 12.88 1.776 19.216 2.592l9.104 1.128c8.32 1.008 16.448 1.952 24.36 2.72 2.08 0.248 4.096 0.376 6.12 0.552 6.736 0.64 13.328 1.08 19.784 1.456 1.952 0.136 3.936 0.256 5.864 0.32 7.52 0.376 14.832 0.504 21.928 0.376 1.88 0 3.688-0.064 5.504-0.128 6.4-0.184 12.64-0.568 18.624-1.2 1.008-0.128 2.08-0.128 3.064-0.248a174.88 174.88 0 0 0 18.968-3.4c1.536-0.32 3.12-0.76 4.624-1.144a134.096 134.096 0 0 0 17.432-5.792c0.416-0.192 0.792-0.448 1.192-0.632a99.256 99.256 0 0 0 14.552-8.008c1.168-0.752 2.336-1.512 3.472-2.328a95.872 95.872 0 0 0 13.24-11.472c0.688-0.76 1.288-1.576 1.984-2.4 3.52-3.968 6.832-8.384 9.848-13.224 0.736-1.072 1.488-2.152 2.152-3.344 3.248-5.552 6.176-11.728 8.76-18.408 0.536-1.448 1.048-3.024 1.544-4.472 2.24-6.368 4.224-13.176 5.864-20.544 0.248-1.144 0.56-2.144 0.784-3.344 1.736-8.248 2.992-17.328 3.936-26.912a401.896 401.896 0 0 0 1.96-39.016c0-16.48-0.84-32.64-2.456-48.464-0.624-5.992-1.888-11.656-2.712-17.52z" fill="#EF962F" p-id="2742"></path><path d="M504.216 142.936c-78.24 0-141.704 57.416-141.704 128.248 0 70.808 63.464 16.888 141.704 16.888 78.208 0 183.672 53.912 183.672-16.888 0-70.832-105.456-128.248-183.672-128.248z" fill="#E5226B" p-id="2743"></path><path d="M519.792 288.744c75.904 5.832 168.104 48.648 168.104-17.552 0-66.232-92.192-120.712-168.104-127.52v145.072zM834.424 467.024c0 57.16 48.656 87.296 103.504 71.224 19.16-5.6 37.376-9.064 53.16-13.48 0.416-7.144 0.912-14.072 0.912-21.952 0-16.48-0.84-32.64-2.456-48.464-0.624-5.992-1.888-11.656-2.712-17.52-1.384-9.672-2.52-19.472-4.504-28.864-0.624-2.96-1.504-5.768-2.296-8.632-12.856-2.496-27.072-3.56-42.104-3.56-57.152 0.008-103.504 14.088-103.504 71.248z" fill="#C9005B" p-id="2744"></path><path d="M159.744 192.384c-35.232 34.72-64.408 75.056-85.832 120.432 13.072 30.568 42.824 52 77.512 52 46.76 0 20.168-38.824 20.168-86.72 0-44.44 22.12-80.608-11.848-85.712z" fill="#E5226B" p-id="2745"></path></svg>
            <div class="vice-item-title">AI智能转换</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ChatPetHome"
}
</script>

<style lang="stylus" scoped>
*{
  padding 0;
  margin 0;
}

.home-content{
  width 100%;
  height 100%;
  padding 0 0 0 20px;
  box-sizing border-box;

  .home-main{
    width 100%;
    height 100%;
    background-color #ffffff;
    border-radius 10px;
    padding 0 70px;
    box-sizing border-box;

    .home-header{
      display flex;
      height 30%;
      align-items center;
      .home-introduce{
        width 50%;
        height 80%;
        .introduce-text-content{
          margin-left 30px;
          .main-title{
            font-size 60px;
            font-weight 800;
            color #8E05FA;
          }
          .vice-title{
            font-size 30px;
            font-weight bold;
            color #6D6D72;
          }
        }

        .image-content{
          width 150px;
          height auto;
          img{
            width 100%;
          }
        }

        .carousel-content{
          width 50%;
          height 100%;
          padding 20px 0;
          box-sizing border-box;
          background-color #4890FE;
          border-radius 10px;
        }
      }

      .home-class{
        width 100%;
        height 20%;
        .home-class-content{
          margin-top 20px;
          display flex;
          align-items center;
          justify-content center;

          .class-item{
            height 35px;
            width 100px;
            margin-left 20px;
            background-color #3076F6;
            border-radius 30px;
            line-height 35px;
            text-align center;
            font-size 13px;
            color #FFFFFF
          }
        }
      }

      .carousel-content{
        width 50%;
        height 100%;
        .carousel-main{
          width 100%;
          height 80%;
          margin-top 40px;
          border-radius 20px;

          /deep/.el-carousel__container{
            height 100%;
          }


          .el-carousel__item h3 {
            color: #475669;
            opacity: 0.75;
            margin: 0;
            text-align: center;
          }

          .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
          }

          .el-carousel__item:nth-child(2n + 1) {
            background-color: #d3dce6;
          }

        }
      }
    }

    .home-model{
      width 100%;
      height 50%;
      .home-model-row{
        width 100%;
        height 50%;
        display flex;
        padding 15px 0;
        box-sizing border-box;
        justify-content space-between;

        .home-model-content{
          width 32%;
          height 100%;
          border-radius 20px;
          display flex;
          align-items center;
          .model-text-content{
            width 50%;
            margin-left 30px;
            .model-item-title{
              color #140A3D;
              display flex;
              align-items center;
              h2{
                margin-left 15px;
              }
            }
            .model-item-content{
              margin-top 10px;
              color #5D4C8A;
              font-size 18px;
              font-weight bold;
            }
          }
        }
      }
    }

    .home-model-vice{
      width 100%;
      height 18%;
      .model-vice-title{
        height 30%;
        display flex;
        align-items center;
        /*font-size 25px;*/
        .model-divide{
          width 8px;
          height 25px;
          background-color #333333;
        }

        h3{
          margin-left 20px;
        }
      }

      .model-vice-content{
        height 70%;
        width 100%;
        display flex;
        align-items center;
        justify-content space-between;
        .model-vice-item{
          width 18%;
          height 70%;
          border-radius 10px;
          background-color #F2F2F2;
          display flex;
          justify-content center;
          align-items center;
          .vice-item-title{
            font-size 18px;
            font-weight bold;
            margin-left 20px;
          }
        }
      }
    }
  }
}
</style>
